<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
		<title>生命体征检测云平台</title>
		<link rel="shortcut icon" href="static/logo.ico" />
		<link rel="stylesheet" href="static/css/index.css" />
		<link rel="stylesheet" href="static/layui/css/layui.css" />
		<script type="text/javascript" src="static/js/jquery.min.js"></script>
		<script src="static/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="static/js/vue.js"></script>
		<script type="text/javascript" src="static/js/axios.min.js"></script>
		<style>
			html,
			body,
			#container {
				height: 100%;
				width: 100%;
			}

			.container {
				height: auto;
				width: 100%;
			}

			.container 2 {
				height: auto;
				width: 100%;
			}

			.collision-btn.disable {
				background-image: none;
				color: lightgrey;
				border-color: lightgrey;
				cursor: not-allowed;
			}

			.collision-btn.disable:hover {
				background-color: #fff;
				border-color: lightgrey;
			}

			.input-card .btn {
				margin-right: .8rem;
			}

			.amap-marker {
				opacity: 0.01;
			}

			.nav-right {
				top: 1.5rem !important;
			}

			.info {
				z-index: 999 !important;
			}

			.layui-form-label {
				width: 110px;
				font-size: 14px !important;
			}

			::-webkit-input-placeholder {
				/*Webkit browsers*/
				color: #999;
				font-size: 13px;
			}

			:-moz-placeholder {
				/*Mozilla Firefox 4 to 8*/
				color: #999;
				font-size: 13px;
			}

			::moz-placeholder {
				/*Mozilla Firefox 19+*/
				color: #999;
				font-size: 13px;
			}

			:-ms-input-placeholder {
				/*Internet Explorer 10+*/
				color: #999;
				font-size: 13px;
			}

			.layui-form-pane .layui-input {
				height: 38px !important;
			}
		</style>
		<script>
			layui.use(['form', 'layedit', 'laydate', 'dropdown'], function() {
				var form = layui.form,
					layer = layui.layer,
					layedit = layui.layedit,
					laydate = layui.laydate,
					dropdown = layui.dropdown;
				dropdown.on('click(docDemoMenu1)', function(options) {
					var othis = $(this); //当前菜单列表的 DOM 对象
					console.log(options.url)

				});
				laydate.render({
					elem: '#date1'
				});
			});
			 $(function() {
				$("#pnav").load("public_navigation.html");
        		$(".sign_out").click(function(){
        			localStorage["logintypes"]='';
        						localStorage["loginName"]='';
        				        window.location='login.html'
                });
			});
		</script>
	</head>
	<body>
		<div id="app">
		<div style="margin-top: 70px;background-color: #e5e5e5;"></div>
		<div class="layui-panel" style="float: left; width: 10% !important;" id="pnav"></div>
		<div class="container" style="width: 90% !important; float: right;padding-left: 30px;">
			<div class="layui-fluid">
				<fieldset class="layui-elem-field layui-field-title">
					<legend>脉象百科</legend>
				</fieldset>
				<div class="layui-row">
					<div class="layui-col-sm12"
						style="padding: 20px;box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);background: #fff;">
						<div class="grid-demo grid-demo-bg1">
							<div class="layui-row">
								<div class="layui-col-md12" style="font-size: 16px;padding: 20px;">
											<div >屏显：一息X至 脉象在不同频率方面各种变化</div>
											<div >人食天地之气以生，内伤于喜怒忧思悲恐惊七情，外伤于风寒暑湿燥火六淫所以生病</div>
											<div >迟脉类：</div>
											<div >迟脉</div>
											<div >迟脉类脉象一息不足四至，此类脉象脉动较慢。包括迟、缓、涩、结等4种脉象。</div>
											<div >迟脉为具有独立意义之单因素脉象。迟脉并不含有频率变化以外的其他任何要素。</div>
											<div >迟脉 ：一息 ≤三至，一息以三至为典型，并可至一息三至以下。</div>
											<div >迟脉为纲领脉之一。在迟脉的基础上再加有关因素，可以构成各种迟脉类之派生衍化脉象，并可与有关脉象构成兼脉，常见的脉象有迟浮、迟沉、迟缓、迟结、迟细、迟涩、迟滑、迟弦、迟紧、迟微、迟而有力、迟而无力、迟沉细数等。
											</div>
											<div >迟脉可出现于平脉，病性属阴、属寒，主虚证、里证、脏病，亦主热证、实证、孕妇半产。概括起来，性宽缓而应时令，当病性属阴、气血凝泣，病性属阳、脉气阻滞，妊娠三月、血少热积均可致脉率减慢。</div>
											<div >缓脉</div>
											<div >缓脉属于复合因素所构成的脉象。</div>
											<div >缓脉有“和缓、纵缓、迟缓”三种含义，并兼有脉率较慢、一息四至。</div>
											<div >
												缓脉的客观形象描述有“按之依依”“往来纡缓，呼吸徐徐”“纵缓，中软不急，如丝在经，则弦无力”“阿阿四至通，柳梢袅袅飐轻风”“状如琴弦，久失更张，纵而不整”“和缓不紧”“往来和匀，微同轻毡，杨柳初春；缓而和匀，不浮不沉，不大不小，不疾不迟，应手中和，意思欣欣，悠悠扬扬，难以名状者”“应指散漫，如琴弦久失更张”“若从容和缓，来去舒徐”“阿阿软若春杨柳”“宽缓不前”“缓，不逮也”“从容不迫”“不浮不沉，不疾不徐，不微不弱，如微风轻飐柳梢”“应指柔和”“不浮不沉恰在中取，不迟不数，正好四至，欣欣然，洋洋然，从容柔顺，园净分明”等。
											</div>
											<div >在缓脉的基础上，再加上相关因素，可以构成各种缓脉派生衍画的兼脉。缓脉的兼脉有浮缓、沉缓、迟缓、缓大、缓细、缓涩、缓弱、缓滑、缓而有力、缓而无力、缓迟细等。</div>
											<div >缓脉可出现于正常人、太阳中风、热证、虚证、湿证。概括起来，百脉调和、湿滞气机、气血不足、阳极热盛等均可经起缓脉。</div>
											<div >平脉</div>
											<div >平脉又称常脉。指脉象有胃气、有神、有根的正常脉象，正常人脉象称为平脉，常脉。</div>
											<div >数脉类：</div>
											<div >数脉</div>
											<div >数脉类脉象一息五至以上。包括数、疾、促、动等4种脉象，此类脉象脉动较快， 数脉为具有独立意义之单因素脉象。数脉并不含有频率变化以外的其他任何要素。数脉只以至数而言，一息五至以上，以六至为典型，并可以至六至以上。
											</div>
											<div >
												数脉为纲领脉之一。在数脉的基础上再加有关因素，可以构成各种数脉类之派生衍化脉象，并可与有关脉象构成兼脉，常见的脉象有浮数、沉速、洪数、细数、弦数、滑数、虚数、数而有力、数而无力、数洪滑、沉细数、滑实数、细小弦数等。血运行加速、实证血热、虚阳浮越均可导致脉率加快。
											</div>
											<div >疾脉</div>
											<div >脉象特征：疾脉脉来急疾，一息七八至。其具体特点是脉率比数脉更快。</div>
											<div >疾脉多见于阳极阴竭，元气欲脱之证。此外3岁以下小儿脉搏可在一息七至以上，为平脉。</div>
											<div >机理分析：脉疾而有力，按之愈坚，为阳亢无制，真阴垂绝之候，可见于外感热病之热极时。若脉疾而弱，按之不鼓指，多为虚阳外越，元阳欲脱的表现。</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="info">
			<div class="nav-left">
				<a class="login"></a>
				<a class="hometext" href="index.html" v-if="uInfoData.loginType !=1">首页</a>
				<a class="hometext" href="home.html" v-if="uInfoData.loginType == 1">首页</a>
			</div>
			<div class="nav-right">
				<ul>
					<li><a href="monitoring.html"  v-if="uInfoData.loginType !=1">监测</a></li>
					<li><a href="historical_data.html" v-if="uInfoData.loginType !=1">历史数据</a></li>
					<li><a href="historical_info.html" v-if="uInfoData.loginType == 1">历史数据</a></li>
					<li><a href="call_p.html">离床报警</a></li>
					<li><a href="#">康养中心</a></li>
					<li><a href="#">中医问诊</a></li>
				</ul>
			</div>
			<div class="userinfo" id="userinfo">
				<img src="static/image/user.png" />
				<!-- <div class="red-dot"></div> -->
				<ul class="user_dropdown">
					<li class="dropdown_item user_ctrl">
						<div class="nickname">{{uInfoData.userName}}</div>
						<div class="sign_out">退出</div>
					</li>
					<li class="dropdown_item msg_item">
						<a href="user.html" target="_blank">
							<span>个人中心</span>
						</a>
					</li>
					<li class="dropdown_item msg_item">
						<a href="my_message.html" target="_blank">
							<span>我的消息</span>
							<span class="msg_unread unread_count show">5</span>
						</a>
					</li>
					<li class="dropdown_item">
						<a href="equipment.html">
							<span>设备</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>	
		<script type="text/javascript" src="static/js/config.js"></script>
					<script>
						var vm = new Vue({
						             el:'#app',  //设置当前vue对象可以操作数据的范围,注意不要把vue对象绑定到body中，因为这样，vue需要控制整个页面的内容，效率太低了
						             data:{
										 uInfoData:[],
										 
									 }, 
									ready: function () {
									    // this.getdata();
									},
									created: function () {
										this.getdata();
									},
						            methods:{
										getdata: function() {
											var rloginName = localStorage.loginName;
											console.log(rloginName)
											if (rloginName == '' || rloginName == 'null' || rloginName == undefined) {
												layer.msg('登录过期或者无权访问！', {
													time: 1000,
													end: function() {
														location.href = 'login.html'
													}
												})
											} else {
												axios({
														method: 'GET',
														url: url + "/user/userInfo/lquserOwnInfo?phoneNum=" + rloginName,
														data: {}
													})
													.then(function(response) {
														vm.uInfoData = response.data;
													})
											}
										},
									}
						        })
					</script>
	</body>
</html>
